<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>商品详情</title>
    <link rel="stylesheet" href="./css/shang.css">
    <link rel="stylesheet" href="./css/basic.css">
    <link rel="stylesheet" href="./iconfont1/iconfont.css">
    <link rel="stylesheet" href="./css/container.css">
</head>
<body>
    <div class="container">
        <header>
            <div class="head1">
                <a href="#" class="return">
                    <i class="iconfont icon-fanhui"></i>
                </a>
                <a href="#" class="share">
                    <i class="iconfont icon-fenxiang1"></i>
                </a>
                <div class="ul1">
                    <ul class="disc">
                        <li class="green"><a href="#"></a></li>
                        <li><a href="#"></a></li>
                        <li><a href="#"></a></li>
                    </ul>
                </div>
                <div class="lun mb">
                    <img src="./imgs/轮图1.png" alt="">
                </div>
            </div>
            <div class="head2 b">
                <div class="tab mb">
                    <table class="h5">
                        <caption class="h1 fb">
                                最新上市杭州西湖美容养颜龙井茶
                        </caption>
                        <tr>
                            <td>
                                <p>现在</p>
                                <p class="fg color">￥22.70</p>
                            </td>
                            <td>
                                <p>出售中</p>
                                <p class="fg color">￥12.10-20.10</p>
                            </td>
                            <td>
                                <p>平台已清点货物总数</p>
                                <p class="fg color">20001</p>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </header>
        <div class="middle">
            <div class="m1">
                <div class="box b mt">
                    <div class="tou mb">
                        <img src="./imgs/头像.png" >
                        <span class="h2">普通会员</span>
                    </div>
                    <a href="#">
                        <button class="fg h4">进入主页</button>
                    </a>
                </div>   
            </div>
            <div class="m2 b mt">
                <div class="nav mb">
                    <div class="left">
                        <span class="black"></span>
                        <span class="font1 h2">历史参考价格表</span>
                    </div>
                    <div class="right">
                        <span class="font2">
                            时间选择
                        </span>
                        <form action="#" method="GET">
                            <select name="time" id="">
                                <option value="21">21</option>
                                <option value="20">20</option>
                                <option value="19">19</option>
                                <option value="19">18</option>
                            </select>
                        </form>
                    </div>
                </div>
                <div class="table mb">
                    <table class="h5">
                        <tr>
                            <th>日期</th>
                            <th>价格</th>
                            <th>日期</th>
                            <th>价格</th>
                        </tr>
                        <tr>
                            <td>2020-04-20</td>
                            <td>50.00</td>
                            <td>2020-04-20</td>
                            <td>22.10</td>
                        </tr>
                        <tr>
                             <td>2020-04-20</td>
                             <td>50.00</td>
                             <td>2020-04-20</td>
                             <td>22.10</td>
                        </tr>
                        <tr>
                             <td>2020-04-20</td>
                             <td>50.00</td>
                             <td>2020-04-20</td>
                             <td>22.10</td>
                        </tr>
                     </table>
                </div>
                <div class="look mb">
                    <a href="#">
                        <span>查看更多历史价格</span>
                        <i class="iconfont icon-xiala"></i>
                    </a>
                </div>
            </div>
            <div class="m3 b">
                <p class="mt mb h2">
                    平台增值服务
                    <a href="#">
                        <span class="iconfont icon-a-jiantou"></span>
                    </a>
                </p>
            </div>
            <div class="m4 b mt">
                <div class="list mb h3">
                    <p>产品参数</p>
                    <table>
                        <tr>
                            <td class="shou">品牌</td>
                            <td>西湖龙井</td>
                        </tr>
                        <tr>
                            <td class="shou">年份</td>
                            <td>2014年</td>
                        </tr>
                        <tr>
                            <td class="shou">规格</td>
                            <td>250g/饼、20饼/件</td>
                        </tr>
                        <tr>
                            <td class="shou">工艺</td>
                            <td>生茶</td>
                        </tr>
                        <tr>
                            <td class="shou">形状</td>
                            <td>饼形</td>
                        </tr>
                        <tr>
                            <td class="shou">包装</td>
                            <td>绵纸</td>
                        </tr>
                    </table>
                </div>
            </div>
            <div class="m5 mt">
                <div class="biao mb">
                    <p class="h3">
                        <!-- <i class=" iconfont icon-weibiaoti-1"></i> -->
                        <span>商品详情</span>
                        <!-- <i class=" iconfont icon-weibiaoti-1"></i> -->
                    </p>
                </div>
                <div class="wen mb">
                    <img src="./imgs/商品.png" alt="">
                    <p class="h5">
                        西湖龙井，属绿茶，中国十大名茶之一。产于浙江省杭州市西湖龙井村周围群山，并因此得名。具有1200多年历史。清乾隆游览杭州西湖时，盛赞西湖龙井茶，把狮峰山下胡公庙前的十八棵茶树封为”御茶”。西湖龙井按外形和内质的优次分作1~8级。
                    </p>
                    <img src="./imgs/商品.png" alt="">
                    <p class="h5">
                        西湖龙井，属绿茶，中国十大名茶之一。产于浙江省杭州市西湖龙井村周围群山，并因此得名。具有1200多年历史。清乾隆游览杭州西湖时，盛赞西湖龙井茶，把狮峰山下胡公庙前的十八棵茶树封为”御茶”。西湖龙井按外形和内质的优次分作1~8级。
                    </p>
                </div>
            </div>
        </div>
        <footer>
            <div class="bottm mb">
                <div class="b1">
                    <a href="#">
                        <i class="iconfont icon-shouye"></i>
                        <span class="h5">首页</span>
                    </a>
                </div>
                <div class="b2">
                    <a href="#">
                        <i class="iconfont icon-xinaixin"></i>
                        <span class="h5">收藏</span>
                    </a>
                </div>
                <div class="b3">
                    <a href="#">
                        <button class="h4">
                            立即购买
                        </button>
                    </a>
                </div>
            </div>
        </footer>
    </div>
</body>
</html>